﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Customer.cshtml";
}
@*<div class="panel panel-default">
            <div class="panel-body">
                <form class="form-horizontal" role="form" method="post" action="Register/Create">
                    <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Tên hiển thị</label>
                        <div class="col-sm-6">
                            <input type="text" required class="form-control" id="inputName" placeholder="Đoàn Phú An">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail" class="col-sm-2 control-label">Email</label>
                        <div class="col-sm-6">
                            <input type="email" required class="form-control" id="inputEmail" placeholder="doanphuan@gmail.com">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputIdentifyNumber" class="col-sm-2 control-label">CMND</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" id="inputIdentifyNumber" placeholder="341456999">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputDOB" class="col-sm-2 control-label">Ngày sinh</label>
                        <div class="col-sm-6">
                            <input type="date" class="form-control" id="inputDOB" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputAddress" class="col-sm-2 control-label">Địa chỉ</label>
                        <div class="col-sm-6">
                            <input type="text" required class="form-control" id="inputAddress" placeholder="333/73 Trần Bình Trọng">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPhoneNumber" class="col-sm-2 control-label">Điện thoại</label>
                        <div class="col-sm-6">
                            <input type="tel" class="form-control" id="inputPhoneNumber" placeholder="0907999888">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for="inputSex" class="col-sm-2 control-label">Giới tính</label>
                        <div class="col-sm-6">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                                    Nam
                                </label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                                    Nữ
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox">
                                    Nhận email khuyến mãi, tiếp thị
                                </label>
                            </div>
                        </div>
                    </div>
                   
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Cập nhật</button>
                        </div>
                       
                    </div>
                    
                </form>
            </div>
        </div>*@

<div class="groupProduct container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="pull-left">Thông tin khách hàng</h3>
            <a href="~/Home" class="pull-right"><< Tiếp tục mua hàng</a>
            <div class="clearfix"></div>
        </div>
        <div class="panel-body">
            <form class="form-horizontal" role="form" method="post" action="Register/Create">
                <div class="form-group">
                    <label for="inputName" class="col-sm-2 control-label">Họ tên khách hàng</label>
                    <div class="col-sm-6">
                        <input type="text" required class="form-control" id="inputName" placeholder="Nguyễn Minh Tiến">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputEmail" class="col-sm-2 control-label">Email</label>
                    <div class="col-sm-6">
                        <input type="email" required class="form-control" id="inputEmail" placeholder="minhtien@gmail.com">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputAddress" class="col-sm-2 control-label">Địa chỉ</label>
                    <div class="col-sm-6">
                        <input type="text" required class="form-control" id="inputAddress" placeholder="227 Nguyễn Văn Cừ - P4 - Q5 TPHCM">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPhoneNumber" class="col-sm-2 control-label">Điện thoại</label>
                    <div class="col-sm-6">
                        <input type="tel" class="form-control" id="inputPhoneNumber" placeholder="0919888999">
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="groupProduct container">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="pull-left">Chi tiết đơn hàng</h3>
            @*<a href="~/Home" class="pull-right"><< Tiếp tục mua hàng</a>*@
            <div class="clearfix"></div>
        </div>
        <div class="panel-body">
            <table aria-describedby="sample-table-2_info" id="sample-table-3" class="table table-striped table-bordered table-hover dataTable">
                <thead>
                    <tr role="row">
                        <th aria-label="Domain: activate to sort column ascending" style="width: 70px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">STT</th>
                        <th aria-label="Price: activate to sort column ascending" style="width: 350px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Sản phẩm</th>
                        <th aria-label="Clicks: activate to sort column ascending" style="width: 170px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-480 sorting">Đơn giá</th>
                        <th aria-label="Update: activate to sort column ascending" style="width: 120px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="hidden-phone sorting">Số lượng</th>
                        <th aria-label="Price: activate to sort column ascending" style="width: 150px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Giảm giá </th>
                        <th aria-label="Price: activate to sort column ascending" style="width: 200px;" colspan="1" rowspan="1" aria-controls="sample-table-2" tabindex="0" role="columnheader" class="sorting">Thành tiền</th>
                    </tr>
                </thead>
                <tbody aria-relevant="all" aria-live="polite" role="alert">
                    <tr class="even">
                        <td class="hidden-480 ">1</td>
                        <td class="hidden-480 "><a href="~/ProductDetail">
                            <img src="~/Images/Product/test/01_s.jpg" alt="...">Iphone 4S</a></td>
                        <td class="hidden-480 ">$450 </td>
                       <td class="hidden-480 ">1</td>
                        <td class="hidden-480 ">0</td>
                        <td class="hidden-480 ">$450</td>
                    </tr>
                    <tr class="odd">
                        <td class="hidden-480 ">2</td>
                        <td class="hidden-480 "><a href="~/ProductDetail">
                            <img src="~/Images/Product/test/03_s.png" alt="...">Iphone 5S</a></td>
                        <td class="hidden-480 ">$500 </td>
                        <td class="hidden-480 ">1</td>
                        <td class="hidden-480 ">0</td>
                        <td class="hidden-480 ">$500</td>
                    </tr>
                    <tr>
                        <td colspan="6" align="right">
                            <div class="row">
                                <span class="row_L" >PHÍ GIAO HÀNG:</span><span class="row_R">$0</span>&nbsp;&nbsp;&nbsp;
                                <br />
                                <span class="row_L">TỔNG TIỀN :</span><span class="row_R sum">$950</span>&nbsp;&nbsp;&nbsp;
                            </div>

                        </td>
                        <td> <span><button type="button" class="btn btn-primary" style="float:right">Thanh toán >></button></span></td>
                    </tr>
                </tbody>
            </table>
        </div>      
        
    </div>
    </div>